<template>
    <el-row :gutter="30">
        <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18">
            <carousel></carousel>
            <blog-article></blog-article>
        </el-col>
        <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6">
            <blog-aside></blog-aside>
        </el-col>
    </el-row>
</template>

<script>
import BlogArticle from './components/BlogArticle'
import BlogAside from './components/BlogAside'
import Carousel from '../../components/carousel/Carousel'

export default {
    name: 'Home',
    components: {
        Carousel,
        BlogArticle,
        BlogAside
    }
}
</script>
